<template>
  <div class="container">
    <div @click="copy(text)" class="text-document">{{ text }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: "我是要复制的文字",
    };
  },
  methods: {
    copy(text) {
      console.log(text, 16);
      this.copyText(this.text);
      this.$message({
        message: "复制链接成功!",
        type: "success",
      });
      try {
      } catch (error) {}
    },
    copyText(text) {
      // 创建一个input标签
      const input = document.createElement("input");
      //   把复制的文字放到input中
      input.value = text;
      //   将input挂载到body底下
      document.body.appendChild(input);
      //   选中复制的文本
      input.select();
      //   复制操作
      //   document.execCommand("copy");
      navigator.clipboard.writeText(text);
      document.body.removeChild(input);
    },
    // copyText(text) {
    //   const input = document.createElement("input");
    //   input.value = text;
    //   document.body.appendChild(input);
    //   input.select();
    //   navigator.clipboard.writeText(text);
    //   document.body.removeChild(input);
    // },
  },
  created() {},
};
</script>
<style scoped lang="scss">
.text-document {
  cursor: pointer;
}
</style>
